<template>
  <div>
       <router-link to="/cart">
  <img src="xiang/22.png" alt="">
  <p>购物车</p> 
  </router-link>
   <router-link to="">
     <img src="xiang/21.png" alt="">
    <p> 美容顾问</p>
     </router-link>
   <router-link to="">
   <button id="buy">立即购买</button>
   <button id="add">加入购物车</button>
</router-link>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
div{
  width: 100%;
  height: 0.6rem;
  margin: auto;
  background-color: white;
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding-left: 3%;
}
button{
  width: 1.2rem;
  height: 0.4rem;
  color: white;
  font-size: 0.16rem;
  margin-top: 0.15rem;
  float: right;
  border: none;

}
#add{
border-radius:0.2rem 0 0 0.2rem ;
background-color: black;
}
#buy{
  border-radius:0 0.2rem  0.2rem 0  ;
background-color: red;
margin-right: 0.15rem;
}
img{
  width: 0.3rem;
  height: 0.3rem;
  display: block;
  margin: auto;
  margin-top: 0.07rem;
}
</style>